@unit: 357./16rem;

* {
    margin: 0;
    padding: 0;
}

.box {
    width: 100%;
    height: 1000./@unit;
}

.one {
    float: left;
    width: 100%;
    height: 80./@unit;
    text-align: center;
    line-height: 80./@unit;
    background-color: rgb(160, 240, 247);
    border: 1./@unit solid rgb(182, 239, 245);
    color: #f0f0f0;
    font-size: 15./@unit;
}

.one1 {
    width: 30%;
    height: 800./@unit;
    border: 1./@unit solid rgb(207, 236, 243);
    list-style: none;
    background-color: rgb(175, 232, 246);
    float: left;

    li {
        width: 100%;
        padding: 15./@unit;
        list-style: none;
        border-radius: 5%;
        text-align: center;
        line-height: 100%;
        color: aliceblue;
    }
}

.con {
    margin-top: 40./@unit;
    width: 71%;
    height: 100%;
    background-color: #f0f0f0;
    border: 1./@unit rgb(164, 237, 244) solid;
    float: right;
}

li {
    width: 100%;
    list-style: none;
    float: left;

    img {
        width: 100./@unit;
        height: 150./@unit;
        float: left;
    }
}